<template>
  <div style="width: 100%; height: 300px; border: 1px solid #ddd">
    <f-split>
      <template #left>
        <div class="left-container">左侧容器</div>
      </template>
      <template #right>
        <f-split split="horizontal" :default="100">
          <template #left>
            <div class="top-container">上部容器</div>
          </template>
          <template #right>
            <div class="bottom-container">下部容器</div>
          </template>
        </f-split>
      </template>
    </f-split>
  </div>
</template>
